/*@import url(jquery.mmenu.css);*/
@media (max-width: 760px) {
    #page {
        overflow: hidden;
    }

    .insert {
        height: 20px;
    }

    img {
        max-width: 100%;
    }

    #mcontainer {
        padding: 0;
        position: relative;
        z-index: 111;
    }

    .header {
        text-align: center;
        padding: 0px 0;
        height: 60px;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: #fff;
        border-bottom: 1px solid #d8d8d8;
    }

    .header .utop {
        display: none;
    }

    .header.cur {
    }

    .header .logo {
        padding-top: 5px;
        width: 100%;
    }

    .header .logo img {
        height: 50px;
    }

    .header .mnav {
        position: absolute;
        text-align: center;
        left: 0px;
        top: 0px;
        color: #fff;
        height: 60px;
        padding: 12px 10px;
    }

    .header .mnav span {
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        background: #014c9f;
        color: #fff;
    }

    .header.cur .mnav {
        background: #014c9f;
    }

    .header.cur .mnav span {
        background: #fff;
        color: #014c9f;
    }

    .header .menubox {
        display: none;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 60px;
        background: #014c9f;
        border-top: 1px solid #014c9f;
        color: #fff;
        width: 100%;
    }

    .header .menubox li {
        border-bottom: 1px solid #00448f;
        line-height: 40px;
        text-align: left;
    }

    .header .menubox li i {
        display: inline-block;
        width: 20px;
        color: #fff;
    }

    .header .menubox li a {
        color: #fff;
        display: block;
        padding: 0 15px;
    }

    .header .menubox li a span {
        color: #fff;
    }

    .header .menubox li.cur {
        background: #003777;
    }

    .header .menubox li.cur>a {
        border-bottom: 1px solid #003777;
    }

    .header .menubox li ul {
        display: none;
        background: #003777;
        text-align: left;
        padding: 0 10px 5px;
    }

    .header .menubox li ul li {
        font-size: 14px;
        border: 0;
        line-height: 36px;
        float: left;
    }

    .header .menubox .icon-i:before {
        content: "\f138";
    }

    .banner {
        height: auto;
    }

    .banner .swiper-slide a {
        height: auto;
    }

    .banner .swiper-pagination-bullets {
        bottom: 10px!important;
    }

    .footer .flink {
        padding-bottom: 10px;
    }

    .footer .flink .wrap a {
        float: left;
        width: 50%;
        position: relative;
    }

    /* .footer .flink .wrap a:nth-child(even):after{ content:''; position: absolute; right:0; top:5px; height: 16px; width: 1px; background: #b1c6dd; } */
    .footer .flink .wrap span.f18 {
        width: 100%;
        display: block;
        font-size: 26px;
        text-align: center;
    }

    .footer .flink .wrap {
        padding: 70px 0 20px;
    }

    .mfottel {
        border-top: 1px solid #3470b2;
        padding: 20px 0 0;
    }

    .mfottel .f18 {
        font-size: 18px;
    }

    .mfotinfo {
        text-align: center;
        padding: 20px 0;
        font-size: 12px;
    }

    .fixnav {
        display: flex;
        height: 55px;
        ; text-align: center;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(255,255,255,.95);
        border-top: 1px solid #e7e7e7;
        padding: 5px;
    }

    .fixnav .fnav {
        position: relative;
        display: block;
        width: 20%;
        color: #929292;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        font-size: 12px;
    }

    .fixnav .fnav a {
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -30px;
        display: block;
        width: 60px;
        height: 60px;
        padding: 8px;
        background: #ff4500;
        color: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .fixnav .fnav i {
        display: block;
        width: 26px;
        height: 26px;
        margin-left: auto;
        margin-right: auto;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
    }

    .fixnav .fnav:nth-child(1) i {
        background-image: url(../images/ico_nav1.png);
    }

    .fixnav .fnav:nth-child(2) i {
        background-image: url(../images/ico_nav2.png);
    }

    .fixnav .fnav:nth-child(3) i {
        background-image: url(../images/ico_nav3.png);
    }

    .fixnav .fnav:nth-child(4) i {
        background-image: url(../images/ico_nav4.png);
    }

    .fixnav .fnav:nth-child(5) i {
        background-image: url(../images/ico_nav5.png);
    }

    .f40 {
        font-size: 30px;
    }

    .f36 {
        font-size: 26px;
    }

    .f30 {
        font-size: 24px;
    }

    .f24 {
        font-size: 18px;
    }

    .f20 {
        font-size: 16px;
    }

    .f18 {
        font-size: 14px;
    }

    .f16 {
        font-size: 14px;
    }

    .indexico {
        padding: 20px 0 40px;
    }

    .indexico .tit {
        margin-bottom: 10px;
    }

    .indexico .x3 a {
        width: 80px;
    }

    .indexico .x3 a i {
        width: 80px;
        height: 90px;
        background-size: auto 182px;
    }

    .indexico .x3 a i:before {
        height: 90px;
        background-size: auto 182px;
    }

    .indexico .x3 a:hover i:before {
        width: 80px;
    }

    .indexico .x3:nth-child(2) a i {
        background-position: -185px top;
    }

    .indexico .x3:nth-child(2) a i:before {
        background-position: -185px bottom;
    }

    .indexico .x3:nth-child(3) a i {
        background-position: -371px top;
    }

    .indexico .x3:nth-child(3) a i:before {
        background-position: -371px bottom;
    }

    .indexico .x3:nth-child(4) a i {
        background-position: -557px top;
    }

    .indexico .x3:nth-child(4) a i:before {
        background-position: -557px bottom;
    }

    .ipart1 {
        padding: 30px 0;
    }

    .ipart1 .tit {
        margin-bottom: 10px;
    }

    .ipart1 img {
        margin-top: 20px;
    }

    .freeapply {
        padding: 30px 0;
    }

    .freeapply .tit {
        margin-bottom: 20px;
    }

    .freeapply .mprocessbox {
        margin-bottom: 30px;
    }

    /* .freeapply .processbox{ height: 1100px; width: 100%; margin:0 auto;}
	.freeapply .processbox .process{ position: relative; width: 120px; height: 120px;}
	.freeapply .processbox .process2,.freeapply .processbox .process3{ margin-top:70px;} */
    /* .freeapply .processbox .arrows{ position: absolute; left: 50%; margin-left: -20px; height: 40px; width: 43px; } */
    .freeapply .applyban {
        height: 280px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }

    .freeapply .applybtn {
        margin-right: -40px;
        bottom: -40px;
        top: auto;
        right: 50%;
        width: 80px;
        height: 80px;
        padding: 10px 15px;
        text-align: center;
    }

    .freeapply .applyslide {
        padding: 30px 0 0;
        top: 100px;
        left: 2%;
        width: 96%;
        height: 130px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .freeapply .applyslide .f24 {
        padding: 0;
        width: 100%;
        text-align: center;
        top: 10px;
        font-size: 16px;
    }

    .freeapply .applyslide .bd {
        padding: 10px;
        font-size: 12px;
    }

    .freeapply .applyslide .bd li span:nth-child(1) {
        width: 50px;
    }

    .freeapply .applyslide .bd li span:nth-child(2) {
        width: 50px;
    }

    .freeapply .applyslide .bd li span:nth-child(3) {
        width: 60px;
    }

    .freeapply .applyslide .bd li span:nth-child(4) {
        width: 80px;
    }

    .ipart2 {
        padding: 30px 0;
    }

    .ipart2 .tit {
        margin-bottom: 10px;
    }

    .ipart2 .soluslide {
        margin-bottom: 15px;
    }

    .ipart2 .soluslide .hd {
        margin-bottom: 10px;
    }

    .ipart2 .soluslide .hd li {
        display: block;
        width: 25%;
        float: left;
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 36px;
    }

    .ipart2 .soluslide .hd li:nth-child(1),.ipart2 .soluslide .hd li:nth-child(2),.ipart2 .soluslide .hd li:nth-child(3),.ipart2 .soluslide .hd li:nth-child(4) {
        margin-bottom: 1px;
    }

    .ipart2 .soluslide .bd ul {
        margin-left: -3px;
        margin-right: -3px;
    }

    .ipart2 .soluslide .bd ul li {
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 10px;
    }

    .ipart2 .soluslide .bd ul li .wrap {
        width: 100%;
        height: auto;
    }

    .ipart2 .soluslide .bd ul li .con .f16 {
        padding: 0 15px;
        min-height: 66px;
    }

    .ipart2 .soluslide .bd ul li .con {
        padding: 10px 5px 15px;
        height: 123px;
    }

    .ipart3 {
        padding: 40px 0;
        height: auto;
    }

    .ipart3 .xs8 img {
        display: block;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .ipart3 .xs4 {
        text-align: center;
    }

    .ipart3 .xs4 .f36 {
        margin: 10px 0;
    }

    .ipart3 .xs4 .btn-diy2 {
        margin-top: 40px;
    }

    .ipart4 {
        padding-bottom: 150px;
        background-position: -320px bottom ;
        background-color: #00afec;
        background-size: auto 300px;
        height: auto;
    }

    .ipart4 .xs8 {
        padding-top: 30px;
        padding-left: 20px;
    }

    .ipart4 .xs8 img {
        width: 180px;
    }

    .ipart4 .xs8 .btn-diy2 {
        margin-top: 40px;
    }

    .youshi {
        padding: 30px 0;
    }

    .youshi .tit {
        margin-bottom: 15px;
    }

    .youshi .line {
        margin-left: -3px;
        margin-right: -3px;
    }

    .youshi .xs3 {
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 20px;
    }

    .youshi .xs3 .f16 {
        font-size: 12px;
    }

    .youshi .xs3 i {
        width: 80px;
        height: 80px;
        background-size: cover!important;
    }

    .ipart5 {
        padding: 30px 0;
        height: auto;
        background-size: cover!important;
    }

    .ipart5 .wrap {
        padding: 20px 20px 30px;
    }

    .ipart5 .wrap .f36 {
        text-align: left;
        margin-bottom: 10px;
    }

    .inews {
        padding: 30px 0;
    }

    .inews .f36 {
        margin-bottom: 10px;
    }

    .inewslist li {
        margin-bottom: 10px;
    }

    /*关于我们*/
    .company {
        padding: 20px 0 0;
        font-size: 14px;
    }

    .company img {
        width: 100px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .company .f36 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .honer {
        padding: 40px 0;
    }

    .honerslide {
        margin-top: 20px;
    }

    .honerslide .bd ul li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;
    }

    .honerslide .bd ul li .wrap {
        width: 100%;
    }

    .honerslide .bd ul li .wrap .f16 {
        padding: 0;
    }

    .honerslide .prev,.honerslide .next {
        display: none;
    }

    .office {
        padding: 40px 0;
    }

    .partner {
        padding: 30px 0;
        height: auto;
        background-size: cover;
    }

    .partner .f36 {
        margin-bottom: 25px;
    }

    .partner .xl4 {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .partner .xl4 a {
        width: 100%;
        height: 60px;
    }

    .partner .xl4 a img {
        max-width: 95%;
        max-height: 50px;
    }

    .future {
        height: auto;
        padding: 100px 0 50px;
        background-size: cover;
    }

    .future .xs5 {
        padding-left: 40%;
    }

    .contact {
        padding: 30px 0;
    }

    .contact .f36 {
        margin-bottom: 20px;
    }

    .contact .xs8 {
        padding: 0 30px;
    }

    #allmap {
        height: 280px;
    }

    .mapwrap {
        height: 250px;
    }

    /*新闻*/
    .crumbwrap {
        display: none;
    }

    .mainCtn {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .newslist li {
        height: 102px;
        padding: 10px 10px 10px 155px;
        margin-bottom: 10px;
    }

    .newslist li .pic {
        width: 145px;
        height: 100px;
    }

    .newslist li .f20 {
        height: 50px;
        line-height: 24px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: pre-wrap;
    }

    .newslist li .infos {
        margin: 0;
        font-size: 12px;
    }

    .newslist li .infos span.time {
        width: 120px;
    }

    .newslist li .infos span.view {
        width: auto;
    }

    .pages {
        margin: 30px 0 50px;
    }

    .newsCtn {
        padding: 0;
        border: 0;
        background: #fff;
        margin-top: 20px;
    }

    .newsCtn .infos {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
    }

    .newsCtn .infos span {
        margin: 0 5px;
        padding-left: 20px;
        background-size: auto 80%!important;
        background-position: left center!important;
    }

    .newsDetail .sidebar {
        display: block!important;
        float: none;
        width: 100%;
    }

    .newsDetail .sidebar .sidetag,.newsDetail .sidebar .sidead {
        display: none;
    }

    /*物联网卡*/
    .card1 {
        padding: 80px 0 40px;
        position: relative;
    }

    .card1 .xs5 img {
        width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .card1 .f36 {
        /* position: absolute; */
        /* top: -250px; */
        width: 100%;
        text-align: center;
    }

    .card2 {
        padding: 40px 0 240px;
        background-size: auto 260px;
        background-position: bottom right;
    }

    .card2 .xs7 .f36 {
        line-height: 36px;
        text-align: center;
        margin-bottom: 15px;
    }

    .card2 .xs7 li span {
        display: block;
    }

    .card2 .xs7 .btn {
        text-align: center;
    }

    .card3 {
        padding: 30px 20px 0;
    }

    .card3 .f36 {
        margin-bottom: 20px;
    }

    .card3 .ico .xs3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .card3 .ico .xs3 .wrap {
        width: 100%;
    }

    .card3 .ico .xs3 i {
        width: 100px;
        height: 100px;
        background-size: auto 100px;
    }

    .card3 .ico .xs3:nth-child(1) i,.card3 .ico .xs3:nth-child(4) i,.card3 .ico .xs3:nth-child(5) i,.card3 .ico .xs3:nth-child(8) i {
        background-color: #00afec;
    }

    .card3 .ico .xs3:nth-child(2) i,.card3 .ico .xs3:nth-child(3) i,.card3 .ico .xs3:nth-child(6) i,.card3 .ico .xs3:nth-child(7) i {
        background-color: #014c9f;
    }

    .plat4 .f36 {
        margin-bottom: 20px;
    }

    .card4 {
        padding: 40px 0;
    }

    .card4 .f36 {
        margin-bottom: 20px;
    }

    .card4 .ico .xs3 {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 25px;
    }

    .card4 .ico .xs3 .wrap {
        width: 170px;
        height: 170px;
        padding: 10px 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .card4 .ico .xs3 i {
        width: 60px;
        height: 60px;
        background-size: auto 100%;
    }

    .card4 .ico .xs3 .f14 {
        font-size: 12px;
    }

    .card5 {
        margin-top: 50px;
        padding: 40px 0 30px;
    }

    .card5 .f36 {
        margin-bottom: 20px;
    }

    .vstable .line-big {
        margin: 0;
    }

    .vstable .line-big table {
        width: 100%;
        margin: 10px 0;
    }

    .vstable .line-big table td {
        padding: 6px 10px;
        font-size: 14px;
        vertical-align: middle;
    }

    .vstable .line-big table tbody tr td:first-child {
        width: 90px;
    }

    .vstable .line-big table tbody tr td:nth-child(2) {
        width: 140px;
    }

    .vstable .line-big table tbody tr:last-child td {
        height: auto;
    }

    .vstable .line-big .vs {
        position: static;
        margin: 0;
        text-align: center;
    }

    .card5 .good {
        margin-top: 0px;
    }

    .card6 {
        padding: 30px 0;
    }

    .card6 .f36 {
        margin-bottom: 20px;
    }

    .card6 .ico .xs3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .card6 .ico .xs3 .wrap {
        width: 100%;
    }

    .card6 .ico .xs3 i {
        width: 100px;
        height: 100px;
        background-size: auto 100px;
    }

    .card6 .ico .xs3:nth-child(1) i,.card6 .ico .xs3:nth-child(4) i,.card6 .ico .xs3:nth-child(5) i,.card6 .ico .xs3:nth-child(8) i {
        background-color: #00afec;
    }

    .card6 .ico .xs3:nth-child(2) i,.card6 .ico .xs3:nth-child(3) i,.card6 .ico .xs3:nth-child(6) i,.card6 .ico .xs3:nth-child(7) i {
        background-color: #014c9f;
    }

    .relenews {
        padding: 40px 0;
    }

    .relenews .f36 {
        margin-bottom: 20px;
    }

    /*解决方案*/
    .soluitem .container {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .soluitem .container .xs6 {
        text-align: center;
    }

    .soluitem .container .xs6 img {
        width: 260px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .soluitem .solulist {
        margin-left: -3px;
        margin-right: -3px;
    }

    .soluitem .solulist li {
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 10px;
    }

    .soluitem .solulist li .wrap {
        width: 100%;
        height: auto;
    }

    .soluitem .solulist li .con {
        padding: 10px 5px 15px;
    }

    .soluitem .solulist li .con .f16 {
        font-size: 12px;
        padding: 0 15px;
        min-height: 66px;
    }

    .soluitem:nth-child(even) .solubox .xs6:nth-child(1) {
        float: none;
    }

    .solucat {
        padding: 50px 0;
    }

    .solucat .f30 {
        font-size: 16px;
    }

    .solucat .btn a {
        font-size: 16px;
        padding: 7px 40px;
    }

    /*平台*/
    .plat1 {
        padding: 80px 0 40px;
        position: relative;
    }

    .plat1 .xs6 img {
        width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .plat1 .f36 {
        position: absolute;
        top: -230px;
        width: 100%;
        text-align: center;
    }

    .plat1 .text {
        margin: 0;
    }

    .plat1 .ico .x3 i {
        width: 50px;
        height: 50px;
        background-size: cover!important;
        margin-bottom: 5px;
    }

    .plat2 {
        padding: 40px 0;
        position: relative;
    }

    .plat2 .text-right {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 160px;
    }

    .plat2 .text-right img {
        width: 260px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .plat2 .xs7 .f36 {
        line-height: 36px;
        text-align: center;
        margin-bottom: 300px;
        font-size: 22px;
    }

    .plat2 .xs7 .btn {
        text-align: center;
    }

    .plat3 {
        padding: 40px 0 0px;
    }

    .plat3 .f36 {
        margin-bottom: 20px;
    }

    .plat3 .ico .xs3 {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 25px;
    }

    .plat3 .ico .xs3 .wrap {
        width: 170px;
        height: 170px;
        padding: 10px 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .plat3 .ico .xs3 i {
        width: 60px;
        height: 60px;
        background-size: auto 100%;
    }

    .plat3 .ico .xs3 .f14 {
        font-size: 12px;
    }

    /*车联网*/
    .car1 {
        padding: 30px 0;
        position: relative;
    }

    .car1 .xs6 img {
        width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .car1 .f36,.car1 .f18 {
        text-align: center;
    }

    .car1 .con {
        margin-bottom: 20px;
    }

    .car1 .ico .x3 i {
        width: 50px;
        height: 50px;
        background-size: cover!important;
        margin-bottom: 5px;
    }

    .car2 .f16 {
        margin-bottom: 300px!important;
    }

    .car2 .text-right {
        top: 260px;
    }

    .carpro {
        padding: 10px 0 40px;
        ; overflow: hidden;
    }

    .carpro .f18 {
        font-size: 16px;
    }

    .carpro .f36 {
        margin: 20px 0 15px;
        font-size: 22px;
    }

    .carpro .pro1 {
        margin: 0;
    }

    .carpro .pro1 .xs4 {
        padding: 20px;
    }

    .carpro .pro1 .xs4 .text-center {
        width: 50%;
        float: right;
    }

    .carpro .pro1 .xs4 img {
        width: 100px;
    }

    .carpro .pro2 {
        margin: 0;
    }

    .carpro .pro2 .xs5 {
        padding: 20px 20px 0;
    }

    .carpro .pro2 .xs7 {
        padding: 20px;
    }

    .carpro .pro2 .xs5 .text-center {
        width: 50%;
        float: right;
    }

    .carpro .pro2 .xs5 img {
        width: 100px;
    }

    .carpro .pro2 .wrap .f18 {
        position: absolute;
        top: -80px;
        padding-left: 10px;
    }

    .carpro .pro2 .xs6 {
        margin-top: 20px;
    }

    .car3 {
        padding: 30px 0;
    }

    .car3 .f36 {
        margin-bottom: 20px;
    }

    .car3 .xs6 {
        padding: 0;
    }

    .car3 .wrap {
        padding-left: 90px;
        min-height: 100px!important;
    }

    .car3 .wrap:after {
        width: 70px;
        height: 70px;
        background-size: 100% auto;
    }

    .car3 .xs6:nth-child(odd) .wrap:after {
        background-color: #00afec;
    }

    .car3 .xs6:nth-child(even) .wrap:after {
        background-color: #014c9f;
    }

    .car4 {
        padding: 40px 0;
    }

    .car4 .f36 {
        margin-bottom: 20px;
    }

    .car4 .x6.f24 {
        font-size: 16px;
    }

    .car4 .fxvs .x6 {
        margin-bottom: 15px;
    }

    .car4 .fxvs .x6:nth-child(1), .car4 .fxvs .x6:nth-child(2),.car4 .fxvs .x6:nth-child(7), .car4 .fxvs .x6:nth-child(8) {
        padding: 0;
    }

    .car4 .fxvs .x6 .wrap {
        padding: 15px;
        height: 327px;
    }

    .car4 .fxvs .x6 .wrap img {
        position: static;
        width: 100%;
        height: 160px;
    }

    .car4 .fxvs .x6 .wrap .f24 {
        margin-top: 10px;
    }

    .car4 .fxvs .x6 .solu img {
        width: 160px;
        height: 160px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .car5 {
        padding: 30px 0 10px;
    }

    .car5 .wrap {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        min-height: auto;
        margin-bottom: 40px;
    }

    .car5 .wrap img {
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .car5 .wrap .f24 {
        font-size: 14px;
    }

    .car5 .wrap .f16 {
        font-size: 12px;
    }

    .car5 .x6:nth-child(1),.car5 .x6:nth-child(2) {
        height: 300px;
    }

    .car5 .x6:nth-child(3),.car5 .x6:nth-child(4) {
        height: 404px;
    }

    /*芯片*/
    .sim1 {
        padding: 30px 0;
    }

    .sim1 .f36 {
        margin-bottom: 10px;
    }

    .sim1 .line-big {
        margin-left: -3px;
        margin-right: -3px;
    }

    .sim1 .x6 {
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 20px;
    }

    .sim1 .x6 .media img {
        width: 100%;
        height: auto;
    }

    .sim1 .x6 .media .float-left {
        float: none!important;
    }

    .sim1 .x6 .media ul {
        padding: 10px;
    }

    .sim1 .x6 .media .media-body {
        font-size: 12px;
        min-height: 340px;
    }

    .sim1 .x6 .media ul li {
        background-size: auto 30px!important;
        padding-left: 40px;
    }

    .sim1 .x6 .text {
        margin-top: 5px;
    }

    .sim2 {
        padding: 40px 0;
    }

    .sim2 .f36 {
        margin-bottom: 20px;
    }

    .sim2 .xs2 {
        margin-bottom: 20px;
    }

    .sim2 .xs2 i {
        width: 80px;
        height: 80px;
        background-size: auto 100%;
        margin-bottom: 0;
    }

    .sim2 .xs2 .f20 {
        font-size: 14px;
    }

    .sim3 {
        padding: 40px 0;
    }

    .sim3 .f36 {
        margin-bottom: 20px;
    }

    .sim3 .x6 {
        margin-top: 20px;
    }

    .sim3 .x6 .wrap {
        padding: 20px 10px;
        height: 200px;
    }

    .sim3 .x6 .wrap .f24 {
        line-height: 22px;
        margin-bottom: 10px;
    }

    .sim4 {
        padding: 300px 0 40px;
        position: relative;
    }

    .sim4 li i {
        top: 5px;
    }

    .sim4 .f36 {
        margin-bottom: 20px;
        text-align: center;
        font-size: 22px;
    }

    .sim4 .xs6.text-right {
        /* position: absolute; */
        /* top: 40px; */
        width: 100%;
    }

    .sim4 .xs6.text-right img {
        height: 220px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .sim5 {
        padding: 50px 0 300px;
        position: relative;
    }

    .sim5 li i {
        top: 5px;
    }

    .sim5 .f36 {
        margin-bottom: 20px;
        text-align: center;
        font-size: 22px;
        margin-top: 0;
    }

    .sim5 .xs6.text-left {
        /* position: absolute; */
        bottom: 0px;
        width: 100%;
    }

    .sim5 .xs6.text-left img {
        height: 300px;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }

    .sim6 {
        padding: 40px 0;
    }

    .sim6 .f36 {
        margin-bottom: 20px;
    }

    /*云mifi*/
    .mifi1 {
        padding: 40px 0;
        position: relative;
    }

    .mifi1 .xs5 {
        text-align: center;
    }

    .mifi1 .xs5 img {
        width: 200px;
    }

    .mifi1 .text {
        text-align: left;
    }

    .mifi1 .f36 {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mifi1 .xs7 .text {
        padding-left: 0;
        margin-top: 20px;
    }

    .mifi1 .xs7 .text ul {
        margin-top: 10px;
        font-size: 16px;
    }

    .mifi1 .xs7 .text ul li {
        line-height: 40px;
    }

    .mifi1 .xs7 .text .buy {
        margin: 20px auto 0;
        height: 40px;
        line-height: 40px;
    }

    .mifin1 {
        padding: 40px 0;
    }

    .mifin1 .table td {
        padding: 3px 5px;
        font-size: 12px;
        vertical-align: middle;
    }

    .mifin2 .line-small {
        margin-bottom: 20px;
    }

    .mifin2 .line-small .xs3 {
        margin-bottom: 20px;
        min-height: 190px;
    }

    .mifin2 .line-small .xs3 .wrap {
        padding: 0px 0px 0px 160px;
        height: auto;
    }

    .mifin2 .line-small .xs3:nth-child(even) .wrap {
        padding: 0px 0px 0px 160px;
        height: auto;
    }

    .mifin2 .line-small .xs3 .wrap .pic {
        width: 150px;
        padding: 5px;
        left: 0;
        top: 0;
    }

    .mifin2 .line-small .xs3:nth-child(even) .pic {
        bottom: auto;
        top: 0;
    }

    .mifin2 .line-small .xs3 .wrap .pic img {
        width: 100%;
    }

    .mifin2 .mdiy {
        padding: 10px;
    }

    .mifin2 .mdiy .xs6:last-child .wrap {
        padding: 10px 0 10px;
    }

    .mifin2 .mdiy .xs6 .btn {
        margin-top: 15px;
    }

    .mifin2 .mdiy .xs6 .btn a {
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 0 auto;
    }

    .mifi2 {
        padding: 40px 0 20px;
    }

    .mifi2 .f36 {
        margin-bottom: 20px;
    }

    .mifi2 .line-big {
        margin-left: -15px;
        margin-right: -15px;
    }

    .mifi2 .ico .xs3 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .mifi2 .ico .xs3 .padding-top {
        padding-top: 0;
    }

    .mifi2 .ico .xs3 .wrap {
        width: 100%;
    }

    .mifi2 .ico .xs3 i {
        width: 100px;
        height: 100px;
        background-size: auto 100px;
    }

    .mifi2 .ico .xs3:nth-child(1) i,.mifi2 .ico .xs3:nth-child(4) i,.mifi2 .ico .xs3:nth-child(5) i,.mifi2 .ico .xs3:nth-child(8) i {
        background-color: #00afec;
    }

    .mifi2 .ico .xs3:nth-child(2) i,.mifi2 .ico .xs3:nth-child(3) i,.mifi2 .ico .xs3:nth-child(6) i,.mifi2 .ico .xs3:nth-child(7) i {
        background-color: #014c9f;
    }

    .mifi3 {
        padding: 40px 0;
    }

    .mifi3 .f36 {
        margin-bottom: 20px;
    }

    .mifi3 .line-big table tbody tr td:nth-child(2) {
        width: auto;
    }

    .mifi3 .line-big .vs {
        position: static;
        text-align: center;
        margin: 0;
    }

    .mifi3 .good {
        margin-top: 0px;
    }

    .mifi4 {
        padding: 50px 0;
        text-align: center;
    }

    .mifi4 .f36 {
        margin: 0 0 20px;
    }

    .mifi4 .xs6.text-right {
        text-align: center;
        margin-top: 40px;
    }

    .mifi4 .xs6.text-right img {
        display: block;
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .mifi5 {
        padding: 50px 0 30px;
    }

    .mifi5 .wrap {
        min-height: 100px!important;
    }

    .mifi5 .xs6 {
        padding-left: 0;
    }

    .watchinfo {
        padding: 50px 0;
        position: relative;
    }

    .watchinfo .xs6.text-center img {
        display: block;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .watchinfo .f40 {
        font-size: 24px;
        margin-top: 20px;
    }

    .watchinfo .content {
        margin-right: 0;
    }

    /*电动车*/
    .elecar1 {
        padding: 40px 0;
    }

    .elecar1 .f36,.elecar1 .f18 {
        text-align: center;
    }

    .elecar2 .line-big {
        margin: 0;
    }

    .elecar2 .line-big .xs4 {
        padding: 0;
        margin-bottom: 30px;
    }

    .elecar2 .line-big .wrap {
        position: relative;
        padding-left: 120px;
    }

    .elecar2 .line-big .wrap img {
        position: absolute;
        left: 0;
        top: 0;
        width: 110px;
    }

    .elecar2 .line-big .f20 {
        padding: 0;
        text-align: left;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .elecar2 .line-big li {
        font-size: 14px;
        line-height: 20px;
    }

    .elecar3 {
        padding: 50px 0 20px;
    }

    .elecar3 .f36 {
        margin-bottom: 20px;
    }

    .elecar3 .line-big {
        margin-left: -15px;
        margin-right: -15px;
    }

    .elecar3 .ico .xs3 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .elecar3 .ico .xs3 .padding-top {
        padding-top: 0;
    }

    .elecar3 .ico .xs3 .wrap {
        width: 100%;
    }

    .elecar3 .ico .xs3 i {
        width: 100px;
        height: 100px;
        background-size: auto 100px;
    }

    .elecar3 .ico .xs3:nth-child(1) i,.elecar3 .ico .xs3:nth-child(4) i,.elecar3 .ico .xs3:nth-child(5) i,.elecar3 .ico .xs3:nth-child(8) i {
        background-color: #00afec;
    }

    .elecar3 .ico .xs3:nth-child(2) i,.elecar3 .ico .xs3:nth-child(3) i,.elecar3 .ico .xs3:nth-child(6) i,.elecar3 .ico .xs3:nth-child(7) i {
        background-color: #014c9f;
    }

    .elecar4 {
        padding: 40px 0;
    }

    /*手表*/
    .watchlist {
        padding: 40px 0 50px;
    }

    .wopart1 .f16,.wopart2 .f16,.wopart3 .f16,.wopart4 .f16,.wopart5 .f16,.wopart6 .f16,.wopart7 .f16,.wopart8 .f16,.wopart9 .f16,.wopart10 .f16,.wopart11 .f16,.wopart12 .f16,.wopart13 .f16,.wopart14 .f16,.wopart15 .f16,.wopart16 .f16 {
        font-size: 16px;
    }

    .wopart1 {
        height: auto;
        background-size: cover;
        text-align: center;
        padding: 40px 0;
        background-position: right;
    }

    .wopart1 img {
        width: 260px;
    }

    .wopart1 .text {
        padding-top: 20px;
    }

    .wopart1 .text .f16 {
        margin-top: 10px;
    }

    .wopart2 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 250px 0 50px;
        text-align: center;
    }

    .wopart2 .xs6:last-child {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wopart2 .xs6:last-child img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart3 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 50px 0;
    }

    .wopart3 .ico {
        margin: 30px 20px 0;
    }

    .wopart3 .ico .xs2 {
        margin-bottom: 20px;
    }

    .wopart3 .ico .xs2 img {
        width: 70px;
    }

    .wopart4 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 50px 0;
        text-align: center;
    }

    .wopart4 .text {
        padding-top: 20px;
    }

    .wopart5 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 280px 0 60px;
        text-align: center;
    }

    .wopart5 .xs8 {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wopart5 .xs8 img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart6 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0;
        text-align: center;
    }

    .wopart6 .text {
        padding-top: 20px;
    }

    .wopart7 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 280px 0 60px;
        text-align: center;
    }

    .wopart7 .xs6:last-child {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wopart7 .xs6:last-child img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart8 {
        height: 600px;
        background-size: cover;
        position: relative;
        padding-top: 20px;
        background-position: -500px top;
        text-align: right;
    }

    .wopart9 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 240px 0 60px;
        text-align: center;
    }

    .wopart9 .xs7 {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wopart9 .xs7 img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart10 {
        height: 700px;
        background-size: auto 600px;
        position: relative;
        padding-top: 20px;
        background-position: -500px bottom;
        text-align: right;
    }

    .wopart10 img {
        width: 160px;
        margin-top: 50px;
    }

    .wopart11 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 240px 0 60px;
        text-align: center;
    }

    .wopart11 .xs4:last-child {
        position: absolute;
        top: 50px;
        width: 100%;
    }

    .wopart11 .xs4:last-child img {
        width: 200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart12 {
        height: 600px;
        background-size: cover;
        position: relative;
        padding-top: 20px;
        background-position: -500px bottom;
        text-align: right;
        position: relative;
    }

    .wopart12 .xs3:first-child {
        padding-right: 150px;
        text-align: left;
    }

    .wopart12 .xs3:last-child {
        position: absolute;
        width: 120px;
        right: 20px;
        top: 60px;
    }

    .wopart13 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 180px 0 60px;
        text-align: center;
    }

    .wopart13 .xs8 {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wopart13 .xs8 img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart14 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0;
        text-align: center;
    }

    .wopart14 .text {
        padding-top: 20px;
    }

    .wopart15 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 280px 0 80px;
        text-align: center;
    }

    .wopart15 .xs6:last-child {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wopart15 .xs6:last-child img {
        width: 200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wopart16 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 80px 0 400px;
        text-align: center;
    }

    .wopart16 .xs7 {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    .wopart16 .text {
        padding-top: 0;
    }

    .wepart1 {
        padding: 50px 0;
        height: 500px;
        background-size: cover;
    }

    .wepart2 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0;
        text-align: center;
    }

    .wepart2 .ico {
        margin: 30px 20px 0;
    }

    .wepart2 .ico .xs2 {
        margin-bottom: 20px;
    }

    .wepart2 .ico .xs2 img {
        width: 70px;
    }

    .wepart3 {
        height: auto;
        background-size: cover;
        position: relative;
    }

    .wepart3 {
        height: auto;
        background-size: cover;
        position: relative;
    }

    .wepart3 .xs3 {
        padding-top: 20px;
    }

    .wepart3 .xs3 .color {
        margin: 30px 40px 0;
    }

    .wepart4 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 260px 0 80px;
        text-align: center;
    }

    .wepart4 .xs6:last-child {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wepart4 .xs6:last-child img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wepart4 .text .gps span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        margin-left: auto;
        margin-right: auto;
    }

    .wepart5 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0 80px;
        text-align: center;
    }

    .wepart5 .xs5 {
        padding-top: 50px;
    }

    .wepart6 {
        height: 600px;
        background-size: cover;
        position: relative;
        padding-top: 20px;
        background-position: -700px bottom;
        text-align: center;
        position: relative;
    }

    .wepart7 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0 80px;
        text-align: center;
    }

    .wepart7 .xs8 img {
        width: 330px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wepart7 .text {
        padding-top: 50px;
    }

    .wepart8 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0 100px;
        text-align: center;
    }

    .wepart8 .text {
        padding: 0 20px 40px;
    }

    .wepart9 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0 80px;
        text-align: center;
    }

    .wepart9 .xs4 {
        padding-left: 200px;
    }

    .wepart9 img {
        width: 150px;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }

    .wepart10 {
        height: 500px;
        background-size: cover;
        position: relative;
        background-position: -700px bottom;
    }

    .wepart10 .xs5 {
        position: absolute;
        top: 50px;
        left: 20px;
    }

    .wepart10 img {
        width: 100px;
    }

    .wepart10 .text {
        padding: 150px 20px 0px;
    }

    .wepart11 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 60px 0 80px;
        text-align: center;
    }

    .wepart11 .text {
        padding: 0 20px 40px;
    }

    .wepart12 {
        height: 500px;
        background-size: cover;
        position: relative;
        padding: 50px 0;
    }

    .wepart12 .text {
        padding: 0 120px 0 20px;
    }

    .wepart13 {
        height: 500px;
        background-size: cover;
        position: relative;
        padding: 50px 0;
    }

    .wepart13 .text {
        padding: 0 0px 0 170px;
    }

    .wepart14 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 80px 0 400px;
        text-align: center;
    }

    .wepart14 .xs7 {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    .wepart14 .text {
        padding-top: 0;
    }

    .wepart15 {
        height: 600px;
        background-size: cover;
        position: relative;
        padding: 50px 0;
        text-align: center;
    }

    .wepart15 .xs4 {
        padding-left: 50%;
    }

    .wepart15 .xs4 .f40 {
        line-height: 36px;
    }

    .wepart15 .text-center {
        position: absolute;
        right: 0;
    }

    .wepart15 .text-center img {
        width: 150px;
    }

    .wepart16 {
        height: auto;
        background-size: cover;
        position: relative;
        padding: 280px 0 80px;
        text-align: center;
    }

    .wepart16 .xs6:last-child {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .wepart16 .xs6:last-child img {
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wepart16 .text {
        padding: 60px 50px 0;
    }

    .watchinfo .three {
        margin: 20px 030px;
    }

    .sms-plate {
        background: url('../images/sms/m_sms_bg.png') no-repeat;
        background-size: 100%;
    }

    .sms-info {
        bottom: -124px;
    }

    .sms-info .xs3 {
        margin-bottom: 5px;
        padding: 0 5px;
        height: 326px;
    }

    .sms-info .xs3 .title {
        margin-top: 0;
    }

    .sms-info .xs3 .box {
        padding: 10px 10px;
    }

    .sms-info .xs3 p {
        padding: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    .sms-info .xs3 .box i {
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .partner01 .sms-partner {
        background: url('../images/sms/m_partner.png') no-repeat;
        background-size: 100%;
    }

    .partner01 .sms-partner li {
        width: calc(100% / 3);
        height: 90px;
        margin: 0;
    }

    .sms-app li:last-child, .partner01 .sms-partner li:last-child {
        display: none;
    }

    .sms-app {
    }

    .sms-app li {
        position: relative;
        padding: 0;
        height: 68px;
        border: 2px #ccc dashed;
        margin: 10px 0;
        transition: .5s all linear;
    }

    .sms-app li:hover {
        cursor: pointer;
        border-color: #fb1c54;
    }

    .sms-app li i {
        font-style: normal;
        position: absolute;
        left: 0;
        font-size: 20px;
        text-align: center;
    }

    .sms-app li i b {
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

    .sms-app li p {
        padding: 3px 5px 3px 50px;
        width: 100%;
        font-size: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-height: 20px;
    }

    .app-sms .line {
        border-bottom: 1px #ccc dashed;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    .app-sms .line .app-pic {
        margin-top: 100px;
    }

    .app-sms .line .x1-left.x3 {
        left: 4%;
        width: 30%;
    }

    .app-sms .line .app-pic .sms-txt {
        /* bottom: 20px; */
        position: absolute;
        top: calc(100% - 135px);
        left: -48px;
        width: 201px;
        padding: 10px;
        text-align: left;
        font-size: 14px;
        color: #131313;
        font-family: '微软雅黑';
        line-height: 28px;
        background-color: #e6e5eb;
        border-radius: 10px;
        border-bottom-left-radius: 4px;
        transform: scale(0.4);
    }

    .app-sms .line .app-pic .sms-txt::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -10px;
        border-style: solid;
        border-width: 6px 12px 6px 0;
        border-color: transparent #e6e5eb transparent transparent;
    }
}

@media (min-width: 760px) {
    html,body {
        min-width: 1200px;
    }

    .layout {
        min-width: 1200px;
    }

    .container {
        min-width: 1200px;
    }

    .banner {
        min-width: 1200px;
    }

    .header {
        min-width: 1200px;
    }
}
/** iPhone **/
/* @media only screen and (min-width: 320px) and (max-width: 767px) {
	html,body {
	    min-width: 375px;
	}
	
	.layout {
	    min-width: 375px;
	}
	
	.container {
	    min-width: 375px;
	}
	
	.banner {
	    min-width: 375px;
	}
	
	.header {
	    min-width: 375px;
	}
} */
/*
@media (min-width: 760px) and (max-width:999px){
	.header{ height: auto;}
	.header .topnav{ position: static; margin-top: 10px; margin-bottom: 10px;}
	.menu li{ margin-right: 10px; width:100px;}
	.ipart3 .fivezy{ margin: 0;}
	.ipart3 .fivezy a{ width:350px;}
	.ipart4 .inews .desc{ height: 40px; overflow: hidden;}
}

@media (min-width: 1000px) and (max-width:1199px){
	.header .logo img{ height: 80px;}
	.header .topnav a{ padding: 10px; width:140px; height: 80px;}
	.menu li{ margin-right: 35px;}
	.ipart3 .fivezy{ margin: 0;}
	.ipart4 .inews .desc{ height: 40px; overflow: hidden;}
	.footer .fotnav,.footer .right { width:50%;}
	.footer .fotnav dl{ margin-right: 50px;}
	
}
*/
@media (max-width: 760px){
	#xiaomin{
		height:621px !important;
	}
}